@import "@wordpress/base-styles/variables";

.two-factor-authentication__verification-code-form-wrapper {
	.two-factor-authentication__actions {
		padding: $grid-unit-30 $grid-unit-20;

		@media (min-width: 480px) {
			padding-inline: $grid-unit-30;
		}

		button {
			display: block;
			width: 100%;
			margin-left: auto;
			margin-right: auto;
		}
	}

	&.isWoo {
		padding: 0;

		button.is-primary {
			max-width: 404px !important;
		}

		.two-factor-authentication__actions {
			padding: 40px 0 40px 0;
			width: 100%;
			max-width: 404px;

			button {
				max-width: 100% !important;
			}
		}

		.two-factor-authentication__verification-code-form {
			margin-bottom: 40px;
		}
	}
}

